@import './common';
/*公共部分*/

/*顶部的背景图部分*/
.self_detail{
	position: relative;
	.challenge_type,.set_remind,.my_event,.self_challenge_name{
		position: absolute;
		font-size: setSize(24);
	}
	.self_challenge_name{
		font-size: setSize(45);
		color: $thirdBgWin;
		top: setSize(30);
		width: 100%;
		text-align: center;
		font-family: 'zihun35hao-jindianyahei';
	}
	.challenge_type{
		top: setSize(10);
		left: setSize(30);
		width: setSize(108);
		height: setSize(40);
		text-align: center;
		line-height: setSize(40);
		border-radius: setSize(40);
		color: $thirdBgWin;
		background: $mainColor;
	}
	.set_remind{
		width: setSize(260);
		height: setSize(52);
		left: 0;
		top: setSize(184);
		display: flex;
		align-items: center;
		background:rgba(31,31,31,0.7);
		border-radius: 0 setSize(52) setSize(52) 0;
		>image{
			width: setSize(31);
			margin: 0 setSize(27) 0 setSize(20);
		}
	}
	.my_event{
		top: setSize(184);
		right: setSize(30);
    width:setSize(136);
    height:setSize(52);
    text-align: center;
    line-height: setSize(52);
    color: $mainColor;
    background:rgba(45,51,52,1);
    box-shadow:0px 0px setSize(8) 0px $mainColor;
    border-radius:setSize(26);
	}
	.self_bg{
    width: 100%;
    display: block;
	}
}
/*顶部广播*/
.self_detail_broadcast{
	position: absolute;
	top: setSize(40);
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
/*打卡日历模块*/
.clock_calendar{
  height:setSize(100);
  margin: 0 setSize(30);
  background: $otherBgWin;
}
/*今日排行版*/
.today_ranking{
	border-radius: setSize(46);
	margin: setSize(40) setSize(30);
	font-size: setSize(34);
	font-weight: bold;
	color: $thirdBgWin;
	background: $mainColor;
}

/*主体内容*/
.self_main{
	margin-top: setSize(-120);
	position: relative;
	z-index: 50;
}

.self_award,.self_user_list,.clock_calendar,.self_result{
	margin-bottom: setSize(30);
}

/*报名中模块*/
.apply_status{
	padding-bottom: setSize(90);
	.self_award{
  	position: relative;
  }
  .retractor{
	  image{
	  	width: setSize(14);
	  	height: setSize(90);
	  	position: absolute;
	    bottom: setSize(-10);
	    -webkit-transform: translateY(50%);
	       -moz-transform: translateY(50%);
	        -ms-transform: translateY(50%);
	         -o-transform: translateY(50%);
	            transform: translateY(50%);
	  }
  }
  /*广告位模块*/
  .advertise{
  	/*height: setSize(220);*/
  	margin: 0 setSize(30) setSize(88);
  	background: #fff;
  	image{
  		width: 100%;
  	}
  }
  .create_poster{
  	position: fixed;
  	bottom: 0;
  	left: 0;
  	z-index: 99;
  	width: 100%;
  	text-align: center;
  	line-height: setSize(98);
  	font-size: setSize(34);
  	color: $subBgWin;
  	background: $mainColor;
  }
}

/*进行中模块*/
.ongoing_status,.end_status{
	.self_detail_broadcast{
		top: setSize(184);
		left: setSize(30);
		-webkit-transform: translateX(0%);
	     -moz-transform: translateX(0%);
	      -ms-transform: translateX(0%);
	       -o-transform: translateX(0%);
	          transform: translateX(0%);
	}
}

.showSuccess{
	position: fixed;
	top:0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	.showSuccessMain{
		text-align: center;
		font-size: setSize(40);
		color: $mainColor;
		font-weight: bold;
		position: absolute;
		top: 45%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		   -moz-transform: translate(-50%,-50%);
		    -ms-transform: translate(-50%,-50%);
		     -o-transform: translate(-50%,-50%);
		        transform: translate(-50%,-50%);
		>image{
      width: setSize(280);
      margin-bottom: setSize(20);
		}  
	}
}
